<template>
  <div class="flex items-end gap-4">
    <Icon
      name="carbon:tropical-storm-tracks"
      class="text-muted-400 dark:text-muted-500 block h-6 w-6"
    />

    <Icon
      name="carbon:tropical-storm-tracks"
      class="text-muted-400 dark:text-muted-500 block h-7 w-7"
    />

    <Icon
      name="carbon:tropical-storm-tracks"
      class="text-muted-400 dark:text-muted-500 block h-8 w-8"
    />

    <Icon
      name="carbon:tropical-storm-tracks"
      class="text-muted-400 dark:text-muted-500 block h-9 w-9"
    />

    <Icon
      name="carbon:tropical-storm-tracks"
      class="text-muted-400 dark:text-muted-500 block h-10 w-10"
    />

    <Icon name="carbon:tropical-storm-tracks" class="text-primary-500 block h-12 w-12" />
  </div>
</template>
